<template>
	<view class="song-list-comp">
		<view class="tit-bar">
			{{title}}
			<navigator :url="link" class="more fr">
				歌单广场
			</navigator>
		</view>
		<scroll-view class="scroll-view" scroll-x>
			<view class="item" v-for="(item,index) in list" :key="index">
				<image class="img" :src="item.picUrl" mode=""></image>
				<view class="desc ellipsis">
					{{item.name}}
				</view>
				<view class="count">
					{{item.playCount}}
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default{
		props:{
			title:{
				type:String,
				default:''
			},
			link:{
				type:String,
				default:''
			},
			list{
				type:Array,
				default:[]
			}
		}
	}
</script>

<style lang="scss">
	
</style>